<template>
  <div :class="studentContainer">
    <h2>学生名称:{{name}}</h2>
    <h2>学生年龄:{{age}}</h2>
  </div>
</template>

<script>
	// 可以省略 Vue.extend(),直接用对象作为暴露的对象
	export default {
		name: 'StudentItem', // 与文件名相同 
		data(){
			return {
				name:'zhangsan',
				age: 20,
				studentContainer: 'studentContainer'
			}
		}
	}
	
	// 暴露出默认方法
	//分别暴露 export const school = xxxx  -》 引入方法 import {school} from 'school'
	//统一暴露 export {school}  -》 引入方法  import {school} from 'school'
	//默认暴露 export default   -》 引入方法  import school from 'school'
</script>

<style>
	.studentContainer {
		background-color: skyblue;
	}
</style>
